@import '../common/base.scss';
.g-flexview{
    background: #fff;
}
.product-box{
    background: #fff;
    display: -webkit-box;
    position: relative;
    padding: 30px 0px 30px 10px;
    // margin-bottom:10px;
    .icon-delete{
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .product-item{
        -webkit-box-flex:1;
        font-weight: bold;
        .product-title{
            font-size: 15px;
            color: #333;
        }
        @media screen  and (max-width: 320px){
            .product-title{
               font-size: 13px;
            }
        }
        .product-price{
            margin-top: 5px;
        }
    }
    .product-num{
        -webkit-box-flex:1;
        margin-left:15px;
        margin-top: 12px;
    }
    .product-img{
        width: 42px;
        height: 40px;
        .icon{
            width: 100%;
            height: 100%;
        }
    }
}
.border{
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    height: 9px;
    background: #eee;
}
.product-box:first-child{
    border-top: none;
}
.product-box:last-child{

}

.m-spinner>a {
    width: .4rem;
    line-height: .5rem;
}
.m-spinner>input {
    width: .85rem;
    line-height: 2.7;
    color: #666;
}
.m-spinner>a, .m-spinner>input {
    letter-spacing: 0;
    height: .5rem;
    float: left;
}
.m-spinner>.J_Del:after {
    color: #686868;
}
.m-spinner>.J_Add:after {
    color: #fff ;
}
.J_Add{
    background: #000 !important;
}
.footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 49px;
    border-top:1px solid #eee;
    line-height: 49px;
    .accounts-box{
        display: -webkit-box;
    }
    .selected-all-text{
        font-size: 14px;
        color: #333;
        font-weight: bold;
        -webkit-box-flex:1;
    }
    .total-price{
        font-size: 14px;
        margin-right: 12px;
    }
    .sub-btn{
        width: 100px;
        background: green;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }
}
.cell-right input[type=radio]:checked+.cell-checkbox-icon:after, .cell-right input[type=checkbox]:not(.m-switch):checked+.cell-checkbox-icon:after {
    color: #7d7d7d;
    content: '\e601';
}
.empty-box{
    text-align: center;
        margin-top: 50%;
    .shopping_car{
        display: inline-block;
        text-align: center;

        .car{
            width: 74px;
            height: 65px;
        }
    }
    .empty_text{
        margin-top:23px;
        color: #a8a8a8;
        font-size: 15px;
        font-weight: bold;
    }
}
